<template>
	<view class="medicalRecord">
		<headerview></headerview>
		<!-- 	<view class="medicalRecord-title">电子病历</view> -->
		<view class="medicalRecord-box scrollBar">
			<view class="medicalRecord-box-header">
				<view class="medicalRecord-box-header-row">
					<view class="header-item-col">
						<view class="header-item-col-title">患者信息：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者性别：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者年龄：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者身份证：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-header-row">
					<view class="header-item-col">
						<view class="header-item-col-title">联系电话：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者地址：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">目的医院：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-header-row">
					<view class="header-item-col">
						<view class="header-item-col-title">主诉：</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
			</view>
			<view class="medicalRecord-box-center">
				<view class="medicalRecord-box-center-title">患者信息</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">患者姓名</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者性别</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">患者年龄</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">联系方式</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">家庭地址</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-title">现场诊断</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">主诉症状</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">初步诊断</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">既往病历</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">过敏病史</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">NHISS</view>
						<view class="header-item-col-con"><span>分</span></view>
					</view>
					<view class="header-item-col">
						<view class="header-item-col-title">GCS评分</view>
						<view class="header-item-col-con"><span>分</span></view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">抢救措施</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">用药情况</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
				<view class="medicalRecord-box-center-row">
					<view class="header-item-col">
						<view class="header-item-col-title">送达医院</view>
						<view class="header-item-col-con">李时珍</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import headerview from '@/components/headerView.vue';
export default {
	components: {
		headerview
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="less" scoped>
page {
	background-color: #f5f6fa;
	.medicalRecord-box {
		margin: 0 auto;
		width: 1200px;
		height: calc(100vh - 63px);
		background-color: #ffffff;
		box-sizing: border-box;
		overflow: auto;
		.medicalRecord-box-header {
			background-color: #e3e3e3;
			width: calc(100% - 40px);
			margin: 20px;
			padding: 20px;
			box-sizing: border-box;
			.medicalRecord-box-header-row {
				height: 22px;
				font-size: 18px;
				margin-top: 45px;
				.header-item-col {
					float: left;
					margin-left: 80px;
					.header-item-col-title {
						float: left;
					}
					.header-item-col-con {
						float: left;
					}
				}
				.header-item-col:nth-child(1) {
					margin-left: 0;
				}
			}
			.medicalRecord-box-header-row:nth-child(1) {
				margin-top: 0px;
			}
		}
		.medicalRecord-box-center {
			padding-bottom: 50px;
			.medicalRecord-box-center-title {
				font-size: 22px;
				line-height: 22px;
				margin: 40px 0 50px 20px;
			}
			.medicalRecord-box-center-row {
				height: 22px;
				font-size: 18px;
				margin-top: 20px;
				
				.header-item-col {
					float: left;
					margin-left: 100px;
					.header-item-col-title {
						float: left;
					}
					.header-item-col-con {
						float: left;
						margin-left: 30px;
					}
				}
				.header-item-col:nth-child(1) {
				margin-left: 20px;	
				}
			}
		}
	}
}
</style>
